<%@include file="startUpIncludes.jsp" %>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"/>
        <title>
            New Contact
        </title>

    <!-- <script type="text/javascript" src="../js/validation.js"></script>
    <script type="text/javascript" src="../js/contact.js"></script> -->
    <script type="text/javascript" src="../js/modalwin.js"></script> 
    </head>
    <body>
    <jsp:include page="header.jsp" >
		<jsp:param value="true" name="loggedIn"/>
	</jsp:include>
    <div class="modal-win-bg">
        <div class="modal-win-box">
            <div class="modal-win-hd">
                <span class="modal-win-title"></span>
                <span class="modal-win-close">x</span>
            </div>
            <div class="modal-win-content"></div> 
            <div class="searchBoth">
	            <input name='query' type='text' class='TB' id='txt' />
	            <a class="form-btn modal-win-start srchModalSrchBtn" id="search">Search</a>
            </div>
            <a class="form-btn  disable" id="choose" >Choose</a>
        </div>
    </div>
    <div class="wrap">
	<div class="fitBG">
        <div class="main">
		<%@include file="basicLeftMenu.jsp" %>
            <div class="content">
            <jsp:include page="tabs.jsp" >
					<jsp:param value="contacts" name="currentPage"/>
				</jsp:include>
                <div class="tab-content">
                <h3>New Contact</h3>
		        <form:form ccsClass="new-lead-form" commandName="contactForm" method="post" action="/sales/s/new-contact" id="newContactForm" >
                <form:errors path="*" cssClass="error-block" element="div" />
                <form:hidden path="id"/>                
                <div class="btns">
                <input type="submit" value="Save" class="form-btn"/><a class="form-btn" href="/sales/s/contacts">Cancel</a>
                </div>
                <div class="form-row">
                    <h4>Required Information</h4>
                    <div class="info"><label>Contact Owner *    : </label><span>${userDetails.fName} ${userDetails.lName}</span></div>
                    <div class="input-col">
                        <label>First Name *    :</label>
                         <form:input path="fName" cssClass="TB" />
						<label>Last Name:</label>
                         <form:input path="lName" cssClass="TB"/>
                    </div>
                    <div class="input-col">
                        <label>Lead/Account Company Name *    :</label>
                         <form:input name="parentName" class="TB fire-modal-win fire-search tab-content-subtitle contactSearchParent" path="parentName" readonly="true"/>                        
                        <input type="hidden" name="parentId" id="parentId" value="${contact.parentId}"></input>
                        <input type="hidden" name="type" id="type" value="(${contact.viewType})"></input>
                    </div>
                </div>
                <div class="form-row">
                    <h4>Contact Information</h4>
                    <div class="input-col">
					    <label>Title:</label>
                       <form:input path="title" cssClass="TB" />
						<label>Phone:</label>
                       <form:input path="phone" cssClass="TB" id="phone"/>
                    </div>
                    <div class="input-col">
                        <label>Mobile *    :</label>
                       <form:input path="mobile" cssClass="TB" id="mobile"/>
                        <label>Email:</label>
                        <form:input path="email" cssClass="TB"/>
                    </div>
                </div>
                <div class="btns">
                <input type="submit" value="Save" class="form-btn"/><a class="form-btn" href="/sales/s/contacts">Cancel</a>
                </div>
                </form:form>
                </div>
            </div>
        </div>
        
    <%@include file="footer.jspf" %>
    </div>
    </div>

    </body>
</html>